
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>First Consult</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>
<div id="bodyPan">
  <div id="middlePan">
		<div id="middlebodyPan">
			
				<section>
	 	         	<br><h1 > Meet the Experts </h1><br>
	 	         	<div class="doclist">
					  		  
					  <c:choose>
					   		<c:when test="${not empty docList}">
					   			<ul>
								<c:forEach items="${docList}" var="doc"> 
									 <li>
									 <a href="DoctorDetails?doctor_id=${doc.doctorid}" style="text-decoration:none;">
									  <img src="images/Dr_${doc.lastname}.jpg" width=100px height=100px>
									    <h3>${doc.firstname} ${doc.lastname}</h3>
									    <p>${doc.specialization}<br> ${doc.phone}<br>  ${doc.hours}</p>
									 </a>
									 </li>
								</c:forEach>
								</ul>
					   		</c:when>
					   		<c:otherwise>
					   			<div align="center" style="padding: 20px;font-weight: bold;">No doctors found.</div>
					   		</c:otherwise>
					   </c:choose>
					</div>
				 </section>
		</div>
	</div>
 </div>

</body>
</html>
